<template>
    <div class="panel panel-right panel-reveal theme-white" id='panel-right'>
        <div class="content-block">
            <p>live for survive</p>
            <p><a href="#" class="close-panel">关闭</a></p>
        </div>
        <div class="list-block">
            <ul class="right-panel-ul">
                <li class="item-content">
                    <router-link :to="{name:'Category'}"><div class="">分类</div></router-link>
                </li>
                <li class="item-content">
                    <router-link :to="{name:'Tag'}"><div class="">标签</div></router-link>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'RightPanel',
        props: [],
        data (){
            return {

            }
        },
        methods:{
            homepage(){
                //调用父组件methods
                this.$parent.closePanel()
            }
        }
    }
</script>

<style scoped>
    ul.right-panel-ul{

    }
    ul.right-panel-ul a {
        color:#bbb
    }
</style>